<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
               "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
lang="en" xml:lang="en">
<head>
<title>ISSUES: SGVIZLER</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<meta name="generator" content="Org-mode"/>
<meta name="generated" content="2011-08-25 20:05:01 CEST"/>
<meta name="author" content="martin"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<style type="text/css">
 <!--/*--><![CDATA[/*><!--*/
  html { font-family: Times, serif; font-size: 12pt; }
  .title  { text-align: center; }
  .todo   { color: red; }
  .done   { color: green; }
  .tag    { background-color: #add8e6; font-weight:normal }
  .target { }
  .timestamp { color: #bebebe; }
  .timestamp-kwd { color: #5f9ea0; }
  .right  {margin-left:auto; margin-right:0px;  text-align:right;}
  .left   {margin-left:0px;  margin-right:auto; text-align:left;}
  .center {margin-left:auto; margin-right:auto; text-align:center;}
  p.verse { margin-left: 3% }
  pre {
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	font-family: courier, monospace;
        font-size: 90%;
        overflow:auto;
  }
  table { border-collapse: collapse; }
  td, th { vertical-align: top;  }
  th.right  { text-align:center;  }
  th.left   { text-align:center;   }
  th.center { text-align:center; }
  td.right  { text-align:right;  }
  td.left   { text-align:left;   }
  td.center { text-align:center; }
  dt { font-weight: bold; }
  div.figure { padding: 0.5em; }
  div.figure p { text-align: center; }
  textarea { overflow-x: auto; }
  .linenr { font-size:smaller }
  .code-highlighted {background-color:#ffff00;}
  .org-info-js_info-navigation { border-style:none; }
  #org-info-js_console-label { font-size:10px; font-weight:bold;
                               white-space:nowrap; }
  .org-info-js_search-highlight {background-color:#ffff00; color:#000000;
                                 font-weight:bold; }
  /*]]>*/-->
</style>
<script type="text/javascript">
<!--/*--><![CDATA[/*><!--*/
 function CodeHighlightOn(elem, id)
 {
   var target = document.getElementById(id);
   if(null != target) {
     elem.cacheClassElem = elem.className;
     elem.cacheClassTarget = target.className;
     target.className = "code-highlighted";
     elem.className   = "code-highlighted";
   }
 }
 function CodeHighlightOff(elem, id)
 {
   var target = document.getElementById(id);
   if(elem.cacheClassElem)
     elem.className = elem.cacheClassElem;
   if(elem.cacheClassTarget)
     target.className = elem.cacheClassTarget;
 }
/*]]>*///-->
</script>

</head>
<body>
<div id="content">

<h1 class="title">ISSUES: SGVIZLER</h1>

<p><a href="http://sws.ifi.uio.no/sgvizler/">http://sws.ifi.uio.no/sgvizler/</a>
</p>
<p>
$Date: 2011-08-16 16:21:58 +0200 (Tue, 16 Aug 2011) $
</p>

<div id="table-of-contents">
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#sec-1">1 Issues </a>
<ul>
<li><a href="#sec-1_1">1.1 Browser compatibility </a></li>
<li><a href="#sec-1_2">1.2 Test on different endpoints </a></li>
<li><a href="#sec-1_3">1.3 Smarter datatype computation? </a></li>
<li><a href="#sec-1_4">1.4 Colors GeoMap </a></li>
<li><a href="#sec-1_5">1.5 Use jQuery tabs? </a></li>
<li><a href="#sec-1_6">1.6 Improve google loading </a></li>
<li><a href="#sec-1_7">1.7 Error handling </a></li>
<li><a href="#sec-1_8">1.8 Avoid the same origin policy? </a></li>
<li><a href="#sec-1_9">1.9 Suggest queries based on vocabulary </a></li>
<li><a href="#sec-1_10">1.10 DONEs </a>
<ul>
<li><a href="#sec-1_10_1">1.10.1 Let users set all options in div </a></li>
<li><a href="#sec-1_10_2">1.10.2 Add support for user defined functions </a></li>
<li><a href="#sec-1_10_3">1.10.3 Add XML as possible input format </a></li>
<li><a href="#sec-1_10_4">1.10.4 Add all chart types to a map </a></li>
<li><a href="#sec-1_10_5">1.10.5 remove sgvizler.home </a></li>
<li><a href="#sec-1_10_6">1.10.6 Use only jQuery </a></li>
<li><a href="#sec-1_10_7">1.10.7 Put query in div </a></li>
<li><a href="#sec-1_10_8">1.10.8 Replace back prefixes in results </a></li>
<li><a href="#sec-1_10_9">1.10.9 Create some user defined functions </a></li>
</ul></li>
</ul>
</li>
<li><a href="#sec-2">2 org-mode configuration </a>
<ul>
<li><a href="#sec-2_1">2.1 Issue Types </a></li>
</ul>
</li>
</ul>
</div>
</div>

<div id="outline-container-1" class="outline-2">
<h2 id="sec-1"><span class="section-number-2">1</span> Issues </h2>
<div class="outline-text-2" id="text-1">



</div>

<div id="outline-container-1_1" class="outline-3">
<h3 id="sec-1_1"><span class="section-number-3">1.1</span> <span class="todo STARTED"> STARTED</span> Browser compatibility </h3>
<div class="outline-text-3" id="text-1_1">

<ul>
<li>
State "STARTED"    from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-16 Tue 13:26</span></span>
</li>
</ul>


<p>
Martin
</p>
<p>
Test on different browsers.
</p>
<p>
Version 0.2.0 successfully tested on:
</p><ul>
<li>
Firefox 3.6
</li>
<li>
Chrome 
</li>
</ul>


</div>

</div>

<div id="outline-container-1_2" class="outline-3">
<h3 id="sec-1_2"><span class="section-number-3">1.2</span> <span class="todo STARTED"> STARTED</span> Test on different endpoints </h3>
<div class="outline-text-3" id="text-1_2">

<ul>
<li>
State "STARTED"    from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-16 Tue 13:26</span></span>
</li>
</ul>


<p>
Martin
</p>
<ul>
<li>
So far only tested on Joseki, which delivers JSON on the
"correct" format. What formats do the others use?
</li>
</ul>


</div>

</div>

<div id="outline-container-1_3" class="outline-3">
<h3 id="sec-1_3"><span class="section-number-3">1.3</span> <span class="todo TODO"> TODO</span> Smarter datatype computation? </h3>
<div class="outline-text-3" id="text-1_3">


<p>
Martin
</p>
<p>
Currently, datatypes are decided based on only the first row in the
query results. Could perhaps try to parse strings as numbers,
booleans, dates and see if they fit.
</p>
</div>

</div>

<div id="outline-container-1_4" class="outline-3">
<h3 id="sec-1_4"><span class="section-number-3">1.4</span> <span class="todo TODO"> TODO</span> Colors GeoMap </h3>
<div class="outline-text-3" id="text-1_4">


<p>
Martin.
</p>
<p>
The colors used to draw the geo map makes it close to unreadable.
</p>
</div>

</div>

<div id="outline-container-1_5" class="outline-3">
<h3 id="sec-1_5"><span class="section-number-3">1.5</span> <span class="todo TODO"> TODO</span> Use jQuery tabs? </h3>
<div class="outline-text-3" id="text-1_5">


<p>
Martin 
</p>
<p>
Add tabs, or some show/hide stuff.
</p>
<ul>
<li>
diagram
</li>
<li>
query
</li>
<li>
json resultset
</li>
<li>
examples
</li>
<li>
console
</li>
</ul>


</div>

</div>

<div id="outline-container-1_6" class="outline-3">
<h3 id="sec-1_6"><span class="section-number-3">1.6</span> <span class="todo TODO"> TODO</span> Improve google loading </h3>
<div class="outline-text-3" id="text-1_6">


<p>
Martin
</p>
<p>
Seems that too many google packages are loaded. Change to load on demand?
</p>
</div>

</div>

<div id="outline-container-1_7" class="outline-3">
<h3 id="sec-1_7"><span class="section-number-3">1.7</span> <span class="todo TODO"> TODO</span> Error handling </h3>
<div class="outline-text-3" id="text-1_7">


<p>
Martin
</p>
<p>
In FF, not all error messages show up. Uncaught exception, however
try/catch did not work, I think.
</p>
</div>

</div>

<div id="outline-container-1_8" class="outline-3">
<h3 id="sec-1_8"><span class="section-number-3">1.8</span> <span class="todo STARTED"> STARTED</span> Avoid the same origin policy? </h3>
<div class="outline-text-3" id="text-1_8">

<ul>
<li>
State "STARTED"    from "IDEA" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-23 Tue 14:44</span></span>
</li>
<li>
State "IDEA"       from "" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-16 Tue 15:14</span></span>
</li>
</ul>


<p>
In version 0.3.0 it works also in IE 8, so we can claim we do.
</p>
<p>
access control allow origin = *
</p>
</div>

</div>

<div id="outline-container-1_9" class="outline-3">
<h3 id="sec-1_9"><span class="section-number-3">1.9</span> <span class="todo IDEA"> IDEA</span> Suggest queries based on vocabulary </h3>
<div class="outline-text-3" id="text-1_9">


<p>
Martin
</p>
<p>
This is some-time-in-the-future. Read RDFS file of vocabulary and
based on at least domain and range suggest/restrict types of
queries to the user. E.g. timeline requires date, so show all
properties which point to dates. 
</p></div>

</div>

<div id="outline-container-1_10" class="outline-3">
<h3 id="sec-1_10"><span class="section-number-3">1.10</span> DONEs </h3>
<div class="outline-text-3" id="text-1_10">


</div>

<div id="outline-container-1_10_1" class="outline-4">
<h4 id="sec-1_10_1"><span class="section-number-4">1.10.1</span> <span class="done DONE"> DONE</span> Let users set all options in div </h4>
<div class="outline-text-4" id="text-1_10_1">

<ul>
<li>
State "DONE"       from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-25 Thu 12:59</span></span>
</li>
<li>
State "TODO"       from "NEW" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-23 Tue 14:49</span></span>
</li>
<li>
State "NEW"        from "" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-23 Tue 14:49</span></span>

</li>
<li>
Set all google options in attribute data-sgvizler-chart-xxx
</li>
</ul>


</div>

</div>

<div id="outline-container-1_10_2" class="outline-4">
<h4 id="sec-1_10_2"><span class="section-number-4">1.10.2</span> <span class="done DONE"> DONE</span> Add support for user defined functions </h4>
<div class="outline-text-4" id="text-1_10_2">

<ul>
<li>
State "DONE"       from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-25 Thu 12:59</span></span>
</li>
<li>
State "TODO"       from "NEW" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-23 Tue 14:46</span></span>
</li>
<li>
State "NEW"        from "" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-23 Tue 14:46</span></span>
</li>
</ul>


</div>

</div>

<div id="outline-container-1_10_3" class="outline-4">
<h4 id="sec-1_10_3"><span class="section-number-4">1.10.3</span> <span class="done DONE"> DONE</span> Add XML as possible input format </h4>
<div class="outline-text-4" id="text-1_10_3">

<ul>
<li>
State "DONE"       from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-20 Sat 20:46</span></span>
</li>
<li>
State "TODO"       from "" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-20 Sat 14:47</span></span>
</li>
</ul>


<p>
Martin.
</p>
<p>
Not all sparql endpoints support the W3C WG note JSON, but XML
format is recommondation. 
</p>
</div>

</div>

<div id="outline-container-1_10_4" class="outline-4">
<h4 id="sec-1_10_4"><span class="section-number-4">1.10.4</span> <span class="done DONE"> DONE</span> Add all chart types to a map </h4>
<div class="outline-text-4" id="text-1_10_4">

<ul>
<li>
State "DONE"       from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-16 Tue 13:26</span></span>
</li>
</ul>


<p>
Martin
</p>
<p>
Create an object which contains all maps with their name and google
function. Use this to populate the select in the html and in the
function which creates the chart.
</p>
</div>

</div>

<div id="outline-container-1_10_5" class="outline-4">
<h4 id="sec-1_10_5"><span class="section-number-4">1.10.5</span> <span class="done DONE"> DONE</span> remove sgvizler.home </h4>
<div class="outline-text-4" id="text-1_10_5">

<ul>
<li>
State "DONE"       from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-16 Tue 13:26</span></span>
</li>
</ul>


<p>
Martin
</p>
<p>
Use instead window.location  or similar, and action=""
</p>
</div>

</div>

<div id="outline-container-1_10_6" class="outline-4">
<h4 id="sec-1_10_6"><span class="section-number-4">1.10.6</span> <span class="done DONE"> DONE</span> Use only jQuery </h4>
<div class="outline-text-4" id="text-1_10_6">

<ul>
<li>
State "DONE"       from "NEW" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-16 Tue 13:25</span></span>
</li>
</ul>


<p>
Martin.
</p>
<p>
It's probably not necessary to use both the jQuery and prototype
javascript frameworks.
</p>
</div>

</div>

<div id="outline-container-1_10_7" class="outline-4">
<h4 id="sec-1_10_7"><span class="section-number-4">1.10.7</span> <span class="done DONE"> DONE</span> Put query in div </h4>
<div class="outline-text-4" id="text-1_10_7">

<ul>
<li>
State "DONE"       from "IDEA" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-16 Tue 13:26</span></span>
</li>
</ul>


<p>
Martin
</p>
<p>
Inspired by Spark, add query and other parameters as values to
attributes in div-s. width and height should not be necessary, just
use the standard attributes.
</p>
<p>
Example:
</p>
<p>
&lt;div id="id" width="800" height="400" sgvizler-query="SELECT *"
sgvizler-type="line"/&gt;
</p>
</div>

</div>

<div id="outline-container-1_10_8" class="outline-4">
<h4 id="sec-1_10_8"><span class="section-number-4">1.10.8</span> <span class="done DONE"> DONE</span> Replace back prefixes in results </h4>
<div class="outline-text-4" id="text-1_10_8">

<ul>
<li>
State "DONE"       from "NEW" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-20 Sat 14:48</span></span>
</li>
<li>
State "NEW"        from "" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-16 Tue 13:31</span></span>
</li>
</ul>


<p>
Martin
</p>
<p>
Use prefixes to shorten urls in results.
</p>
</div>

</div>

<div id="outline-container-1_10_9" class="outline-4">
<h4 id="sec-1_10_9"><span class="section-number-4">1.10.9</span> <span class="done DONE"> DONE</span> Create some user defined functions </h4>
<div class="outline-text-4" id="text-1_10_9">

<ul>
<li>
State "DONE"       from "STARTED" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-25 Thu 20:04</span></span>
</li>
<li>
State "STARTED"    from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-25 Thu 12:59</span></span>
</li>
<li>
State "TODO"       from "TODO" <span class="timestamp-wrapper"> <span class="timestamp">2011-08-23 Tue 14:46</span></span>

</li>
<li>
<b>[X]</b> Map+: takes more arguments and gives a nice box.
</li>
<li>
<b>[X]</b> Text: concat everything to one text box
</li>
<li>
<b>[X]</b> List: make a list, concat everything and make a row
<ul>
<li>
<b>[X]</b> ol
</li>
<li>
<b>[X]</b> ul
</li>
<li>
<b>[X]</b> dl: make the first argument the dt

</li>
</ul>
</li>
</ul>





</div>
</div>
</div>

</div>

<div id="outline-container-2" class="outline-2">
<h2 id="sec-2"><span class="section-number-2">2</span> org-mode configuration </h2>
<div class="outline-text-2" id="text-2">


<p>
This document is edited with the org-mode for emacs;
<a href="http://orgmode.org/">http://orgmode.org/</a>
</p>
<p>
This section contains only configurations of this very file.
</p>

</div>

<div id="outline-container-2_1" class="outline-3">
<h3 id="sec-2_1"><span class="section-number-3">2.1</span> Issue Types </h3>
<div class="outline-text-3" id="text-2_1">


<p>
Taken from <a href="http://orgmode.org/worg/org-issues.html">http://orgmode.org/worg/org-issues.html</a>.
</p>
<ul>
<li>
NEW: A new issue that is not yet classified.
</li>
<li>
TODO: A task to be done. This includes but is not limited to
answers to user requests, development or documentation tasks.
</li>
<li>
STARTED: A task is started.
</li>
<li>
WAITING: A reported issue that requires a response to be processed
further.
</li>
<li>
IDEA: A new idea, I have not yet decided what if anything I will do
about it.
</li>
<li>
WISH: A wish, probably voiced by someone. This is less than a new
idea, more a change in existing behaviour.
</li>
<li>
DECLINED: A feature or idea that was declined. Still in the list so
that people can see it, complain, or still try to convince someone
to implement it.
</li>
<li>
BUG: A confirmed bug. This needs to be fixed, as soon as possible.
</li>
<li>
QUESTION: A question someone asked.
</li>
<li>
INCONSISTENCY: Some behaviour in Sgvizler that is not as clean and
consistent as it should be.
</li>
<li>
DONE: Well, done is done.
</li>
</ul>


</div>
</div>
</div>
<div id="postamble">
<p class="author"> Author: martin
</p>
<p class="date"> Date: 2011-08-25 20:05:01 CEST</p>
<p class="creator">HTML generated by org-mode 7.3 in emacs 23</p>
</div>
</div>
</body>
</html>
